<template>
  <view class="menu1-wrap">
    <view class="menu1-list">
      <view class="menu1-block">
        <image src="../../static/menu_list/1.png"></image>
        <view class="font-size">聚划算</view>
      </view>
    </view>
    <view class="menu1-list">
      <view class="menu1-block">
        <image src="../../static/menu_list/1.png"></image>
        <view class="font-size">聚划算</view>
      </view>
    </view>
    <view class="menu1-list">
      <view class="menu1-block">
        <image src="../../static/menu_list/1.png"></image>
        <view class="font-size">聚划算</view>
      </view>
    </view>
    <view class="menu1-list">
      <view class="menu1-block">
        <image src="../../static/menu_list/1.png"></image>
        <view class="font-size">聚划算</view>
      </view>
    </view>
    <view class="menu1-list">
      <view class="menu1-block">
        <image src="../../static/menu_list/1.png"></image>
        <view class="font-size">聚划算</view>
      </view>
    </view>
    <view class="menu1-list">
      <view class="menu1-block">
        <image src="../../static/menu_list/1.png"></image>
        <view class="font-size">聚划算</view>
      </view>
    </view>
    <view class="menu1-list">
      <view class="menu1-block">
        <image src="../../static/menu_list/1.png"></image>
        <view class="font-size">聚划算</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>

<style>
.menu1-wrap {
  display: inline-block;
  width: 100%;
  padding: 20rpx 0;
}
.menu1-wrap image {
  width: 128rpx;
  height: 128rpx;
}
.menu1-wrap .menu1-list {
  display: block;
  width: 20%;
  text-align: center;
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.menu1-wrap .menu1-list .menu1-block {
  padding-top: 10rpx;
  padding-bottom: 10rpx;
}
.menu1-wrap .menu1-list .font-size {
  font-size: 28rpx;
}
</style>
